<template>
	<div class="common">
		<div class="name-code-unit">
			<div class="name-code-unit__inner">
				<span class="name-code-unit__name">{{ data.point.name }}</span>
				<span class="name-code-unit__code">{{ data.point.value }}</span>
				<span class="name-code-unit__unit">{{ data.point.unit }}</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'Common',
		props: {
			data: {
				type: Object,
				default() {
					return {}
				}
			},
		},
		data() {
			return {}
		},
		methods: {
		}
	}
</script>

<style scoped lang="scss">
	.common {
		position: relative;
		height: 100%;
	}
</style>